<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <table id = "table" style="border:1px solid black">
            <tr style="border:1px solid black">
                <td>第1行第1列</td>
                <td>第1行第2列</td>
            </tr>
            <tr>
                <td>第2行第1列</td>
                <td>第2行第2列</td>
            </tr>
            <tr>
                <td>第3行第1列</td>
                <td>第3行第2列</td>
            </tr>
            <tr>
                <td>第4行第1列</td>
                <td>第4行第2列</td>
            </tr>
        </table>
        <input type="text" id="input"/>
        <button onclick="insertRow1()">按索引插入</button>
        <button onclick="insertRow2()">插入尾行</button>
        <button onclick="deleteRow1()">按索引删除</button>
        <button onclick="deleteRow2()">删除尾行</button>
        <script type="text/javascript">
            var table = document.getElementById("table");
            console.log(table.rows);  //打印表格的行对象
            function insertRow1()
            {
                input =  document.getElementById("input").value;
                table.insertRow(input); 
        }     
            function insertRow2()
                {
                table.insertRow(table.rows.length);
            }
            function deleteRow1(){
                input =  document.getElementById("input").value;
                table.deleteRow(input); //删除表格最后一行
            }  
            function deleteRow2(){
            
                table.deleteRow(table.rows.length-1); //删除表格最后一行
            }           
</script>
    </body>
</html>